<!-- Search Form -->
<section id="search" class="widget widget_search">
	<form role="search" method="get" class="search-form" action="/search/">
		<input value="" name="s" class="search-box query" placeholder="搜索" type="text">
		<button type="submit" class="search-submit">
			<span style="font-size:20px" class="glyphicon glyphicon-search" aria-hidden="true"></span>
		</button>
		<div class="clearfix"></div>
	</form>
</section>

<!-- 微博秀 -->
<section id="text" class="widget widget_text">
	<h3 class="widget-title">新浪微博</h3>
	<div class="textwidget">
		<iframe width="100%" height="550" class="share_self"  frameborder="0" scrolling="no" src="http://widget.weibo.com/weiboshow/index.php?language=&width=0&height=550&fansRow=2&ptype=1&speed=0&skin=1&isTitle=1&noborder=1&isWeibo=1&isFans=0&uid=3899798658&verifier=7169dade&dpc=1">
		</iframe>
	</div>
</section>

<!-- 标签云的JS代码段 
<script>
	// Create an array of word objects, each representing a word in the cloud.
	// For example, var list=[["Java", 8], ["Android", 0], ["MySQL", 1], ["Linux", 3]];
	var list = {{ tagCloud | safe }};
	console.log(list);
	var word_array = new Array();

	for(var index = 0; index < list.length; index++)
		word_array.push( { text: list[index][0], weight: list[index][1], link: "/articleTag" + list[index][0] } );

	$(function() {
		$("#demo").jQCloud(word_array);
	});
</script>
-->

<!-- 标签云 
<section id="tag_cloud" class="widget widget_tag_cloud">
	<h3 class="widget-title">标签云</h3>
	<div id="demo" style="width: 280px; height: 280px; margin-left: -20px;"></div>
</section>
-->

<section id="douban-show" class="widget widget_tag_cloud">
	<h3 class="widget-title">我的豆瓣</h3>
	<script type="text/javascript" src="http://www.douban.com/service/badge/zhao_bryant/?selection=latest&amp;picsize=medium&amp;hideself=off&amp;show=collection&amp;n=9&amp;hidelogo=on&amp;cat=drama%7Cmovie%7Cbook%7Cmusic&amp;columns=3"></script>
</section>

<!-- 文章分类 -->
<section id="categories" class="widget widget_categories">
	<h3 class="widget-title">文章分类</h3>
	<ul>
		{% if classification %}
			{% for clas, num in classification %}
				<li>
					<a href="{% url 'classDetail' cls=clas %}">{{ clas }}({{ num }})</a>
				</li>
			{% endfor%}
		{% endif %}
	</ul>
</section>

<!-- 文章归档
<section id="archives" class="widget widget_archive">
	<h3 class="widget-title">归档</h3>
	<ul>
		{% if monthArchiveList %}
			{% for dat, num in monthArchiveList %}
				<li><a href="{% url 'archiveMonth' year=dat.year month=dat.month %}">{{ dat.year }}年{{ dat.month }}月({{ num }})</a></li>
			{% endfor %}
		{% endif %}
	</ul>
</section>
-->

<!-- 近期评论 -->
<!--
<section id="recent-comments" class="widget widget_recent_comments">
	<h3 class="widget-title">最新评论</h3>
	<ul class="ds-recent-comments" data-num-items="4" data-show-avatars="1" data-show-admin="1" data-excerpt-length="60">
	</ul>
	<script type="text/javascript">
		var duoshuoQuery = (short_name:"adoryn");
		(function() {
			var ds = document.createElement('script');
			ds.type = 'text/javascript';
			ds.async = true;
			ds.src = 'http://static.duoshuo.com/embed.js'
			ds.charset = 'UTF-8';
			( document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0] ).appendChild(ds);
		})();
	</script>
</section>
-->